@charset "utf-8";
/* CSS Document *//* banner */
.lanmuc-bannj{width: 100%; height: auto;}
.lanmuc-bannj .rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.lanmuc-bannj .rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.lanmuc-bannj .rslides li:first-child {
position: relative;
display: block;
float: left;
}
.lanmuc-bannj .rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.lanmuc-bannj .slide_container {
position: relative;
float: left;
width: 100%;
}
.lanmuc-bannj .slide {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.lanmuc-bannj .slide li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.lanmuc-bannj .slide img {
display: block;
position: relative;
z-index: 1;
height: auto;
width: 100%;
border: 0;
}
.slide_container img{width: 100%;}
.lanmuc-bannj .slide .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
background: #000;
background: rgba(0,0,0, .8);
left: 0;
right: 0;
bottom: 0;
padding: 10px 20px;
margin: 0;
max-width: none;
}
.lanmuc-bannj .slide_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 52%;
left: 0;
opacity: 0.2;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("../img/themes.gif") no-repeat left top;
margin-top: -45px;
}
.lanmuc-bannj .slide_nav:active {
opacity: 1.0;
}
.lanmuc-bannj .slide_nav.next {
left: auto;
background-position: right top;
right: 0;
}
@media screen and (min-width:1200px) {
/*顶部*/
.w1200{width: 1200px; height: auto; margin: 0 auto;}
.nav{display: none;}
.black-fixed{display: none;}
.footer{display: none;}
.header{display: none;}
.lanmuc-bannj .slide_nav:hover{opacity:0.6}
/*顶部*/
.headb_ding{width: 100%; height: 34px; line-height: 34px; font-size: 12px; color:#666;}
.headb_ding .zz{width:auto; height:100%; }
.headb_ding .yy a{padding:0 10px; color:#999; height: 20px; border-right: 1px solid #ccc; line-height: 20px; margin-top: 5px;}
.headb_ding .yy a:last-child{border:none;}
.headb_ding .yy a:hover{color: #b00000;}
.headb_ding .dingwen{width: auto; position: absolute; right: 200px; top: 0; height: 34px;}
/*顶部导航*/
.dao{width: 100%; height: 80px;}
.dao .log{width: auto;
float: left;
height:76px;
margin-top: 2px;
}
.dao .log img{height: 100%;}
.dao ul{float: right;}
.dao ul li{
position: relative;
width:112px;
float: left;
height: 80px;
line-height: 80px;
text-align: center;
}
.dao ul li a{color:#fff; padding: 5px}
.dao ul li .gang{width: 0; height: 2px; z-index: 99;
position: absolute;
bottom: 2px;
left: 50%;
transition: all .3s}
.dao ul li:hover .gang{
background: #fff;
position: absolute;
width: 30px;
height: 2px;
bottom: 2px;
left: 50%;
transform: translate(-50%,-50%)
}
.dao ul li .bbk{position: absolute;
display: none;
border-radius: 5px;
z-index: 999;
left:0; top: 80px;
width: 118px;
border:1px solid #fff;
background-color: rgba(176,0,0,.8);
}
.dao ul li .bbk li{
font-size: 14px;
width: 100%;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #fff;
}
.dao ul li .bbk li a{padding: 8px 0;}
.dao ul li .bbk li:hover{background:rgba(176,0,0,0.9); border-radius: 5px;}
/*关于我们*/
.about{width: 100%;height: 540px; background:url("../img/abbg.jpg") no-repeat center;}
.about .nre{width: 80%; margin: 0 auto; position: relative; height:540px;}
.about .titt{display: none;}
.about .timu{width: auto; height: 88px; line-height: 140px; background:url("../img/abt.png") no-repeat left bottom; font-size: 34px; position: relative;
padding-top: 60px;}
.about .timu .gang{position: absolute; left: 0; top: 160px; height: 1px; width: 60px; height: 8px; background: #b00000;}
.about .ner{text-indent:.34rem;width: 45%; height: auto; float: left; margin-top: 40px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
display: -webkit-box;
line-height: 30px;
color: #666;
}
.about .ner span{font-size: 18px;}
.about .mor{padding: 0px 50px 0px 10px;
position: absolute;
bottom:70px; left: 0;
transition: all .3s;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 5px;
border: 1px solid #b00000;
color: #b00000;
background: url(../img/jian.png) no-repeat center;
background-position: 65px 0px;
text-transform: uppercase;
}
.about .mor:hover{
transition:ll .3s;
background:url("../img/jian.png") no-repeat center #b00000;
background-position:-36px 0px;
color:#fff;
}
.about .yutu{
width: 45%; height: auto;
position: absolute;
right: 0;
top:40px;
}
.about .yutu img{width: 100%;}
/*公共题目*/
.titt{width: 100%;
margin-top: 40px;
position: relative;
height: 100px;
line-height: 50px;
text-align: center;
color: #333;
font-size:30px;
}
.titt span{
font-size: 16px;
font-weight: bold;
font-family:"宋体";
color: #666;
text-transform: uppercase;
}
.titt .tmb{width: 100%; height: 40px;
background: url("../img/timub.png") no-repeat center;
position: absolute;
top: 40px;
left: 0;
}
/*产品首页 */
.cp{width: 100%; height: auto;}
.cp .cpda{width: 80%; height: auto; margin: 0 auto; min-width: 1200px;}
.cp .cpda .zuo{
margin-top: 10px;
width:300px; float:left;
margin-right:30px;
background: #f2f2f2;
}
.cp .zuot{width: 100%; height:60px; float: left; position: relative;
color:#fff;
box-shadow: 0 0 3px #500101;
text-align: center;
line-height: 60px;
font-size: 24px;
}
.cp .zuot .san{
width: 22px; height: 10px; background: url("../img/san.png") no-repeat center;
position: absolute;
top: 64px;
left: 50%;
transform: translate(-50%, -50%)
}
/** =======================
* Contenedor Principal
===========================*/
.account-l{
width:280px;
margin: 20px 10px;
float: left;
background: #fff;
padding: 2% 0
}
.cp .cpda .zuo{
margin-top: 10px;
width:300px; float:left;
margin-right:30px;
background: #f2f2f2;
}
.cp .zuot{width: 100%; height:60px; float: left; position: relative;
color:#fff;
box-shadow: 0 0 3px #500101;
text-align: center;
line-height: 60px;
font-size: 24px;
}
.cp .zuot .san{
width: 22px; height: 10px; background: url("../img/san.png") no-repeat center;
position: absolute;
top: 64px;
left: 50%;
transform: translate(-50%, -50%)
}
.cur{ display:block!important;
color: #fff;
background: url("../img/cpbh.png") no-repeat center top;
}
.oth{
color: #333;
background:url("../img/cpbb.png") no-repeat center top;}
.accordion {
width:100%;
float: left;
background: #fff;
padding: 2% 0
}
.accordion .link {
margin: 3px 0;
transition: all .3s;
height: 40px;
text-align: center;
float: left;
width: 100%;
line-height: 40px;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 700;
position: relative;
transition: all .5s;
}
.accordion .cur a{color:#fff;}
.accordion .oth a{color:#333}
.accordion .link a{
padding:10px 30% 10px 2%;
}
.accordion li{position:relative;
width:100%;
float:left;}
.accordion li a{
z-index:99;
color:#fff;
position:absolute;
left:14%; top:0px;
padding:10px 30% 10px 10%;
}
/**
* Submenu
-----------------------------*/
.accordion li:first-child ul{display:block;}
.submenu {
display: none;
background: #f5f5f5;
font-size: 14px;
}
.submenu li {
list-style:square outside url("../img/liej.png");
width: 90%;
height: 40px;
line-height: 40px;
text-align: center;
background:url("../img/cpd.png") repeat-x bottom left;
float: left;
margin-left:10%;
}
.submenu li:hover{
background: rgba(204,204,204,.3)
}
.submenu a {
color: #b00000;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.submenu li a{
color:#333;
position:absolute;
left:0%; top:-10px!important;
}
.cpfen{display: none;}
/*右侧产品*/
.cp .you{
margin-top: 10px;
width: 72%; height: auto;
float: right;
}
.cp .you ul li{
margin-bottom: 20px;
width: 32%; height: auto;
margin-right: 2%;
float: left;
border-radius: 5px;
background: #f2f2f2;
padding-bottom: 10px;
}
.cp .you ul li:nth-child(3n){
margin-right: 0;
}
.cp .you ul li .pic{
border-radius: 10px;
overflow: hidden;
width: 96%;
margin: 2%;
float: left;
}
.cp .you ul li .pic img{width: 100%;
height: 100%;
transition: all .5s;}
.cp .you ul li:hover .pic img{
width: 100%;
transform: scale(1.1)
}
.cp .you ul li .wen{
width: 100%; height: 40px;
line-height: 40px;
float: left;
text-align: center;
color: #333;
position: relative;
}
.cp .you ul li:hover .wen{
color: #b00000;
}
.cp .you ul li .weng{
position: absolute;
width: 10%;
height: 2px;
background: #666;
left: 45%;
bottom:0px;
}
.cp .you ul li:hover .weng{
background: #b00000
}
/*四大优势 */
.yous{width: 100%; height: 680px; background: #f4f4f4;}
.yous .yda{width: 80%; height: 680px; margin: 0 auto; min-width: 1200px;}
.yous .yda .biao{
padding-top: 40px;
height: 100px; width: 100%;
text-align: center;
line-height: 50px;
}
.yous .yda .biao h3{
font-weight: bold;
font-size: 30px;
line-height: 50px;
margin-bottom: 20px;
color: #333;
}
.yous .yda .biao h3 span{
color: #b00000;
}
.yous .yda .biao p{
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
}
/*四切换*/
.yous .yda .sixiang{
width: 1200px; margin: 0 auto;
}
.yous .yda .sixiang ul li{
cursor: pointer;
float: left;
width: 280px;
height: 40px;
line-height: 40px;
text-align: center;
margin: 20px 10px;
}
.yous .yda .sixiang .curr{
background:url("../img/yous.png") no-repeat center;
color: #fff;
}
.yous .yda .sixiang .other{
background: url("../img/yoush.png") no-repeat center;
color: #333;
}
.yous .yda .dada{
width: 100%; height: auto;
float: left;
margin: 40px 0 10px 0 ;
}
.yous .yda .dada .biao{
width: 100px;
height: 68px;
float: left;
}
.yous .yda .dada .biao img{
width: 100%;
}
.yous .yda .dada .wenwen{
position: relative;
width: 40%;
height: 400px;
float:left;
margin-left: 40px;
}
.yous .yda .dada .wenwen .bib{
width: 100%; height: 80px;
line-height: 30px;
font-size: 36px;
color: #b00000;
border-bottom: 1px dotted #666;
}
.yous .wenwen .bib span{
font-size: 14px;
text-transform: uppercase;
color: #666;
}
.yous .neie{
width: 100%;
height: auto;
}
.yous .neie h3{
font-size: 20px;
color: #333;
margin-bottom: 10px;
line-height: 50px;
margin-top: 10px;
}
.yous .neie p{
line-height: 30px;
font-size: 14px; background:url(../img/jiao.jpg) no-repeat left center; padding-left:20px;
}
.yous .geng{
position: absolute;
left: 0; bottom: 20px;
height: 40px;
width: 130px;
background: url("../img/gbai.png") no-repeat center;
color: #b00000;
line-height: 40px;
text-align: center;
font-size: 14px;
transition: all .5s
}
.yous .geng:hover{
background: url("../img/ghong.png") no-repeat center;
color: #fff;
}
.yous .ytp{
width: 45%;
float: right;
}
.yous .ytp img{
width: 100%;
}
/*客户案例 */
.anli{width: 100%; height: auto; padding:20px 0 60px 0}
.anli .anlida{
width: 80%; height: auto; margin: 0 auto;
min-width: 1200px;
}
.anli ul li{
overflow: hidden;
width:23.95%; height: auto;
float: left;
border-radius: 10px;
margin-right:1.4%;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 3px #b00000;
}
.anli ul li img{
width: 100%;
border-radius: 10px;
}
.anli ul li:nth-child(4n){
margin-right: 0;
}
.anli ul li .hei{
position: absolute;
left: 0; top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
display: none;
}
.anli ul li .baiw{position: absolute;
width:auto;
height: auto;
text-align: center;
top: 50%;
left:50%;
line-height:26px;
z-index: 99;
color: #fff;
transform: translate(-50%,-50%);
display: none;
}
.anli ul li .baig{
background: #fff;
width: 10%;
height: 2px;
position: absolute;
left: 45%;
top: 60%;
z-index: 99;
display: none;
}
.anli .ang{padding: 0px 50px 0px 10px;
float: left;
width: 70px;
margin-left: 45%;
margin-top: 20px;
transition: all .3s;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 5px;
border: 1px solid #b00000;
color: #b00000;
background: url(../img/jian.png) no-repeat center;
background-position: 75px 0px;
text-transform: uppercase;
}
.anli .ang:hover{
transition:ll .3s;
background:url("../img/jian.png") no-repeat center #b00000;
background-position:-26px 0px;
color:#fff;
}
/*特点*/
.tedian{width: 100%;
height: 662px;
background: url("../img/tedian.jpg") no-repeat center;}
.tedian .tdn{
position: relative;
width: 1200px;
height: 100%;
margin: 0 auto;
background: url("../img/tedi.png") no-repeat center;
}
.tedian .dwen{
position: absolute;
left: 0;
bottom: 48px;
width: 100%;
height: 80px;
color: #fff;
}
.tedian .dwen .zw{
margin-top: 10px;
line-height: 20px;
float: left;
width: auto;
margin-left: 100px;
}
.tedian .dwen .zw h3{
text-align: left;
margin-bottom: 10px;
}
.tedian .dwen .zw p{
text-align: left;
font-size: 14px;
}
.tedian .dwen .yw{
font-size: 30px;
padding-left: 60px;
line-height:30px;
float: right;
margin-right: 10px;
width: 300px;
background: url("../img/diana.png") no-repeat center left;
}
.tedian .dwen .yw span{
font-size: 14px;
}
.tedian .pro1{
width: 154px;
height: 110px;
position: absolute;
}
.tedian .pro1 h4{
color: #b00000;
margin-bottom: 10px;
}
.tedian .pro1 p{
line-height: 18px;
font-size: 12px;
color: #666;
-webkit-line-clamp:3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient:vertical;
}
.tedian .tutu{
position: absolute;
width: 80px;
height: 80px;
border-radius: 80px;
overflow: hidden;
}
.tedian .tutu img{width: 100%;
height: 100%;
border-radius:80px;}
.tedian .zhongxin{
left: 490px;
bottom: 120px;
width: 220px;
height: 220px;
position: absolute;
}
.tedian .zhongxin img{
width: 220px;
height: 220px;
}
/*新闻*/
.xinwen{width: 100%; height: 620px; background:url("../img/xwbg.jpg") no-repeat center;}
.xinwen .xwd{width: 80%; height: 670px; margin: 0 auto; min-width: 1200px;}
.xinwen .fen{
width:30%; height: 40px;
line-height: 40px;
float: left;
margin: 10px 35%;
}
.xinwen .fen ul li{
text-align: center;
width: 38%;
height: 40px;
margin: 0 5%;
float: left;
border-radius: 10px;
border:1px solid #b00000;
}
.xinwen .fen ul li:hover{background: #b00000;}
.xinwen .fen ul li a{color: #b00000; width: 100%; padding: 10px 24%}
.xinwen .fen ul li:hover a{color: #fff;
background: #b00000;
}
.xinwen .xwn{
width: 100%;
height: auto;
float: left;
}
.xinwen .xwn .xwz{display:none;
overflow: hidden;
width: 35%;
height: auto;
float: left;
border-radius: 10px;
position: relative;
margin-top: 30px;
}
.xinwen .xwn .xwz img{
width: 100%;
border-radius: 10px;
transition:all .5s;
}
.xinwen .xwz:hover img{
transform: scale(1.1)
}
.xinwen .xwn .xwz .hei{
width:100%;
height: 60px;
position: absolute;
bottom: 0; left: 0;
background: rgba(176,0,0,.7)
}
.xinwen .xwn .bai{
position: absolute;
left: 10%;
bottom: 14px;
color: #fff;
width: auto;
height: 40px;
line-height: 24px;
font-size: 16px;
}
.xinwne .xwn .bai span{
font-size: 12px;
}
.xinwen .xwy{
width:100%;
height: auto;
float: right;
margin-top:20px;
}
.xinwen .xwy ul li{
box-shadow:0 0 1px #ccc;
position: relative;
width:29%;
height: auto;
float: left;
margin: 10px 1%;
padding:0 1%;
}
.xinwen .xwy ul li:hover{
background: #f4f4f4;
}
.xinwen .xwy ul li .wenz{
width: 96%;
margin: 10px 2%;
height: 140px
}
.xinwen .xwy ul li a .wenz p{
-webkit-line-clamp:2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient:vertical;
color: #888;
line-height: 26px;
font-size: 14px;
}
.xinwen .xwy ul li a:hover .wenz p{
color: #666;
}
.xinwen .xwy ul li a .wenz h4{
color: #555;
font-size: 18px;
margin: 10px 0;
}
.xinwen .xwy ul li a:hover .wenz h4{
color: #333;
}
.xinwen .xwy ul li .shi{
width: 96%;
height: 40px;
line-height: 40px;
position: absolute;
left: 2%;
bottom: 0px;
}
.xinwen .xwy ul li .shi .da{
width: 100%;
float: left;
font-size: 14px;
color:#999
} .xinwen .xwy ul li .shi .da span{
font-size: 24px;
}
.xinwen .xwy ul li .shi .da .geng{
color:#666;
width: 30%;
background: url(../img/jian2.png) no-repeat center right;
background-position:
-40px 5px;
float: right;
height: 46px;
line-height: 46px;
text-align:center;
}
.xinwen .xwy ul li:hover .shi .da{
color: #b00000;
}
.xinwen .xwy ul li:hover .shi .da .geng{
background: url(../img/jian2.png) no-repeat center right;
background-position: 92px 5px;
color:#b00000;
}
/*友情链接 */
.youlian{width: 100%; height:60px; background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(230,230,230,1));}
.youlian .youd{width: 80%; height: auto; min-width: 1200px; margin: 0 auto;}
.youlian .titt{display: none;}
.youlian .biaot{
position: relative;
width: 80px; float: left;
padding: 5px 30px;
margin: 12px 0 0 0;
height: 30px;
line-height: 18px;
font-size: 18px;
color: #fff;
text-align: right;
}
.youlian .biaot span{
font-size: 12px;
font-family: "宋体";
float: right;
text-transform: uppercase;
}
.youlian .biaot .gang{
position: absolute;
width: 30px;
height: 2px;
background: #fff;
left: 40px;
bottom: 6px;
}
.youlian .neir{width:auto; float: left; font-size: 12px; height:40px; margin-left: 30px; line-height: 24px; margin-top: 10px}
.youlian .neir ul li{width: auto; margin: 0 10px; float: left; line-height: 38px; height: 40px;}
.youlian .neir ul li a{ color: #666; padding: 5px 10px}
.youlian .neir ul li a:hover{color:#b00000}
/*底部*/
.bottt{width: 100%; height: 300px; background:url("../img/dbg.jpg") no-repeat center; padding-top:40px; color: #fff;}
.bottt .boda{width:80%; min-width: 1200px; margin: 0 auto; }
.bottt .boda .zul{
margin-bottom: 30px;
width: 50%; height: auto;
float: left;
}
.bottt .boda .zul .nle{
position: relative;
width: 25%;
height: auto;
float: left;
}
.bottt a{color: #fff;}
.bottt .boda .zul .hg{
width: 30px;
height: 2px;
background: #f00;
position: absolute;
top: 36px;
left: 0;
}
.bottt .boda .zul h4{
font-size: 16px;
margin-bottom: 20px;
}
.bottt .boda .zul ul{
margin-top: 30px;
}
.bottt .boda .zul ul li{
font-size: 12px;
line-height: 30px;
}
.bottt .ewm{
width: 10%;
height: auto;
float: left;
margin: 0 5%;
line-height: 50px;
text-align: center;
}
.bottt .ewm img{
width: 100%;
}
.bottt .you{
width: 25%;
float: right;
}
.bottt .you .zuoji{background: url("../img/zuoji.png") no-repeat center left;
margin-top: 24px;
width:auto; height: 50px; line-height: 50px;
padding-left: 70px;
font-size: 34px;
}
.dizhi{background: url("../img/dizhi.png") no-repeat center left;
line-height: 24px;
font-size: 14px;
margin: 10px 0;
padding-left: 40px;
}
.mail{background: url("../img/mail.png") no-repeat center left;
font-size: 14px;
margin-top: 20px;
height: 30px;
line-height: 30px;
padding-left: 40px;
}
.banquan{width:100%; border-top: 1px solid #ccc; line-height: 40px; float:left; font-size: 12px; background-color: black;}
.banquan .nei{width:80%; min-width: 1200px; height: auto; margin: 0 auto; text-align: center;}
.banquan .nei span{float: right;}
#topcontrol{background:#f00; height:30px; width:30px; border-radius:4px; border:1px solid #fff;}
.foota_webchat-popup{display: none;}
/*==========分页样式===========*/
.paging {width:100%;height:24px;text-align:center; padding:15px 0; margin:20px 0; background:#f6f6f6;float: left;}
.paging a{font:12px/22px "microsoft yahei";color:#666666;padding:1px 8px;border:solid 1px #c9c9c9;display:inline-block;white-space:nowrap;margin:0 3px; border-radius:3px; background:#f5f5f5; box-shadow: inset 0 0 30px rgba(239,239,239,0.7)}
.paging a:hover {background:#b00000;color:#fff; border:1px solid #fff;box-shadow: inset 0 0 30px rgba(80,80,80,0.7)}
/*底部*/
.foot{width: 100%; height: 270px; background: linear-gradient(to bottom, rgba(3,141,43,1), rgba(2,67,21,1)); margin-top: 60px}
.foot .footd{width: 1200px; height:200px; margin: 0 auto; position: relative; padding-top: 40px;}
.foot .footd .dito{width: 100%; height: 12px; position: absolute; top: 0; left: 0; background: url("../img/dito.png") no-repeat center;}
.foot .footd .ftz{width:auto; height:auto; margin-right: 20px;}
.foot .footd .ftz img{height: 100%;}
}